<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet"href="https://cdn.staticfile.org/font-awesome/6.0.0/css/all.css">

		<link rel="stylesheet" href="{{ static('css/index.css') }}"/>

		<!-- 新 Bootstrap5 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">

	</head>
	<body>
       <div class="head">

              <a href="{{ url('mainPage') }}" class="nav-link"><div class="h3">Haoyunlai driving school</div></a>

               <nav class="navbar navbar-expand-sm">

                  <!-- Links -->
                  <ul class="navbar-nav">
                      <li class="nav-item">
                      <a class="nav-link" href="{{ url('register') }}">User register</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="{{ url('login') }}">User/Coach login</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="{{ url('root') }}">Admin login</a>
                    </li>
                  </ul>

                </nav>
       </div>
        <div class="container-xl" style="background-color: rgba(0,0,0,0);display: flex;flex-direction: column">
            <h1>Driver's training management system</h1>
            <img src="{{ static('imgs/1.jpg') }}" style="width: 100%;border-radius: 20px">
        </div>
	</body>

	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
	<script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
	<!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
	<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
	<script src="{{ static('js/index.js') }}"></script>
</html>
